<div  data-step="11"  data-intro=" " style="display: none; position: absolute;top: -99999px;left: -9999px;"></div>
<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product">
      <?php foreach ($products as $product) { ?>
      <div <?php if($product['product_id']==52) echo ' data-step="1" data-intro="第一步：选择部署Wordpress"';?>>
        <?php if ($product['thumb']) { ?>
        <div class="image" data-aid="<?php echo $product['product_id']; ?>"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['tag']; ?>" alt="<?php echo $product['tag']; ?>" /></a></div>
        <?php } ?>
        <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <div class="name"><?php echo $product['product_classify']; ?></div>
        <!--<div class="name"><?php echo $product['tag']; ?></div>-->
        <!--
        <?php if ($product['price']) { ?>
        <div class="price">
          <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>
        </div>
        <?php } ?>
        -->
        <?php if ($product['rating']) { ?>
        <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
        <?php } ?>
        <!--
        <div class="cart" <?php if($product['product_id']==52) echo ' data-step="1" data-intro="第一步：将WordPress加入购物车。"';?>><input type="button" value="<?php echo $button_cart; ?>" onclick="addToCart('<?php echo $product['product_id']; ?>');" class="button" /></div>
      	-->
      </div>
      <?php } ?>
    </div>
  </div>
</div>
<script>
/*
 $(function(){
  x = 5;
  y = 15; 
 $(".image").hover(function(e){ 
	//ajax call
	e.stopPropagation();
	 $.ajax({
	  async:false,
	  url: 'index.php?route=product/product/getProductShortDescription',
      cache: false,
      dataType: 'json',
      type: 'POST',
      data: {
      	product_id: $(this).attr("data-aid"),
      },
      success: function(json) {
      	 //$(this).append(tips).fadeIn(10);
      	 if(json['short_desc']){
      	  var ndiv = "<div id='short_desc' style='width:400px;height:200px;'>" + json['short_desc'] + "</div>";  
                $("body").append(ndiv); 
                $("#short_desc").css({  
                    "top" : (e.pageY + y) + "px",  
                    "left" : (e.pageX + x) + "px" 
                   
                }).show(2000);              
                
      	 }
      	 
      }
	 });

	}, 
	function(){ 
		
		$("#short_desc").fadeOut("slow").remove();  
  }) 
 
 
 
 });
*/
</script>
 <style type="text/css">  
        #short_desc {  
            position: absolute;  
            border: 1px solid grey;  
            opacity: 1.0;
            background:white;  
            
        }  
    </style>  
